<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Get Actions</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>
    <script src="tags.js" type="text/javascript"></script>
    
    <link rel="stylesheet" href="main.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" />
    
    <script>
        $(function() {           
            $("#FromDate, #ToDate").datepicker();
            $("#FromDate, #ToDate").datepicker("option", "dateFormat", 'dd-mm-yy');            
        });
    </script>
</head>
<body>
    <form action="actions.php" method="get">
        <div class="form-field"><label for="type">Type: </label>
            <select id="ActionType" name="type" class="fixed-width" >
                <option value="all">all</option>
                <option value="petition">Petition</option>
                <option value="survey">Survey</option>
                <option value="deliberation">Deliberation</option>
            </select></div>
        <div class="form-field"><label for="creator">Creator: </label>
            <input id="ActionCreator" name="creator" class="fixed-width" type="text" value="all">
            </input></div>
        <div class="form-field"><label for="tags">Tags: </label>
            <input class="tag-search" id="ActionTags" name="tags" type="text" class="fixed-width"/></div>
        <div class="form-field"><label for="from">From: </label>
            <input id="FromDate" name="from" type="text" class="fixed-width" /></div>
        <div class="form-field"><label for="to">To: </label>
            <input id="ToDate" name="to" type="text" class="fixed-width" /></div>

        <div class="form-field"><label for="sortBy">Sort by: </label>
        <select name="sortBy" class="fixed-width" >
                <option value="date">date</option>
                <option value="popularity">popularity</option>
            </select></div>
        
        <div class="form-field"><label for="page">Page: </label>
        <select name="page" class="fixed-width" >
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
            </select></div>
        <div class="form-field"><label for="pageSize">Page Size: </label>
        <select name="pageSize" class="fixed-width" >
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>
            </select></div>        
        <div class="form-submit">
            <input type="submit" value="Get Actions" />  
        </div>
    </form>     
</body>
</html>
